import React, { Component } from 'react';
import { View } from 'react-native';

/**
 * 相对布局
 */
export default class JustifyContentBasics extends Component {
    render() {
        return (
            // justifyContent: flex-start, center, flex-end, space-around, space-between
            <View style={{
                flex: 1,
                flexDirection: 'column',
                justifyContent: 'flex-start',
                backgroundColor: 'green'
            }}>
                <View style={{width: 50, height: 50, backgroundColor: 'powderblue'}}/>
                <View style={{width: 50, height: 50, backgroundColor: 'skyblue'}}/>
                <View style={{width: 50, height: 50, backgroundColor: 'steelblue'}}/>
            </View>
        );
    }
}